<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>作家专区_逸云书院</title>
    <link rel="shortcut icon" href="./img/yyfavicon.ico"></title>
    <link rel="stylesheet" href="./css/b-author.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/b-fontstyle/iconfont.css">
</head>
<body>
    <div class="header">
        <div class="header-con">
            <div class="logo">
                <img src="" alt="">
            </div>
            <div class="link">
                <p>专区首页 <span></span></p>
                <p>作家福利 </p>
                <p>返回醉唐 </p>
                <div>消息
                    <span class="num">1</span>
                </div>
            </div>
            <div class="login">
                 <img src="http://cdn.motieimg.com/people/2365/23650568/1.jpg" alt="">
                <p>qe12</p>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="left1">
            <ul class="menubar">
                <li>
                    <div class="one">
                        <span class="iconfont icon-fenlei"></span>
                        <p>作品管理</p>
                    </div>
                </li>
                 <li>
                    <div class="one">
                        <span class="iconfont icon-shuju"></span>
                        <p>作品数据</p>
                    </div>
                </li>
                 <li>
                    <div class="one">
                        <span class="iconfont icon-money"></span>
                        <p>稿费收入</p>
                    </div>
                </li>
                <li>
                    <div class="one">
                        <span class="iconfont icon-rizhi"></span>
                        <p>福利申请</p>
                    </div>
                </li>
                <li>
                    <div class="one">
                        <span class="iconfont icon-chakanzuopinshuju"></span>
                        <p>投票管理</p>
                    </div>
                </li>
                <li>
                    <div class="one">
                        <span class="iconfont icon-liwu"></span>
                        <p>活动专区</p>
                    </div>
                </li>
                <li>
                    <div class="one">
                        <span class="iconfont icon-xinwengonggao"></span>
                        <p>新闻公告</p>
                    </div>
                </li>
                 <li>
                    <div class="one">
                        <span class="iconfont icon-ling" style="font-weight: 600;"></span>
                        <p>消息通知</p>
                    </div>
                </li>
                 <li>
                    <div class="one">
                        <span class="iconfont icon-wen" style="font-weight: 600;"></span>
                        <p>常见问题</p>
                    </div>
                </li>
            </ul>
        </div>
        
             <div class="right">
                <div class="home-header">
                    <div class="header1">
                        <div class="headermarg">
                            <img src="https://cdn.motieimg.com/people/2365/23650568/1.jpg" alt="">
                            <div class="rightin">
                                <p>qe12</p>
                                <button>查看合同</button>
                            </div>
                        </div>
                    </div>
                    <div class="headerc">
                        <div class="one">
                            <p>账户余额</p>
                            <p></p>
                            <p>0</p>
                        </div>
                        <div class="one">
                            <p>已结算稿费</p>
                            <p></p>
                            <p>0</p>
                        </div>
                    </div>
                    <div class="headerr">
                        <div class="firdst">
                            <p class="info">作品总数</p>
                            <p></p>
                            <p>0</p>
                        </div>
                        <div class="firdst">
                            <p class="info">累计更新字数</p>
                            <p></p>
                            <p>0</p>
                        </div>
                        <div class="firdst">
                            <p class="info">我的码字日历</p>
                            <p class="iconfont icon-rili"></p>
                        </div>
                    </div>
                </div>
                <div style="display: flex; justify-content: space-between;">
                <div>
                    <div class="bottom">
                        <div class="homeleft1">
                            <div class="left">
                                <div class="home-title">
                                    <p>我的作品</p>
                                </div>
                                <div class="app">
                                    <img src="" alt="">
                                    <p>您还没有作品，马上去<span>创建作品</span></p>
                                </div>
                            
                            </div>
                        </div>
                    </div>
                    <div class="homebook">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="https://cdn.motieimg.com/temp/fb42855a4ae08f03b958b95960c89913.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="https://pic.motieimg.com/img/152566071639593384_1030_272.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="https://cdn.motieimg.com/img/15113356162542564_1030_272.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="https://cdn.motieimg.com/temp/4ec3af81979c754de613487b2adc838d.jpg" alt=""></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                            <!-- Add Arrows -->
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <div class="homenews">
                        <div class="home-title">
                            <span>新闻公告</span>
                            <span>更多公告>></span>
                        </div>
                        <div class="news">
                            <div>
                                <span class="ball"></span>
                                <span class="infos">醉唐中文网更换主体通知函</span>
                            </div>
                            <span class="times">2022-06-20</span>
                        </div>
                        <div class="news">
                            <div>
                                <span class="ball"></span>
                                <span class="infos">关于“维护健康清朗的网络环境“的通知 </span>
                            </div>
                            <span class="times">2019-05-24</span>
                        </div>
                        <div class="news">
                            <div>
                                <span class="ball"></span>
                                <span class="infos">【讲座】女频·种田文写作技巧指导</span>
                            </div>
                            <span class="times">2018-11-29</span>
                        </div>
                    </div>
                </div>      
                       <div class="lists">
                            <div class="contact">
                                <div class="home-title">
                                    <span>联系编辑</span>
                                </div>
                                <div class="main">
                                    <ul>
                                        <li>【男频】</li>
                                        <li>轮回至善：613835784 </li>
                                    </ul>
                                    <ul>
                                        <li>【女频】</li>
                                        <li>酒梨：3313533292</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="activity">
                                <div class="home-title">
                                    <span>热门活动</span>
                                    <span class="more">更多活动>></span>
                                </div>
                                <img src="https://pic.motieimg.com/img/152661992134822020_296_130.jpg" alt="">
                                <p>第二届黄金联赛第一赛季奖项公布</p>
                            </div>
                        </div>
                  </div>
                  </div>
            </div>
             
      
  
    
    </div>
</body>
<script src="./js/swiper.min.js"></script>
<script>
     var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true
    });
</script>
</html>